$(function(){
	var nowuserid = window.location.search;
	var jqnum = nowuserid.indexOf('=');
	var jqnums = nowuserid.substr(jqnum+1);
	$("#topshiping").click(function(){
		location.href="index.html?userid="+jqnums;
	});
	$('.xiao li').mouseover(function(){
	$(this).css('background-color','#eb7350').siblings('li').css('background-color', 'transparent');	
	}); 
	$(".jianhao").click(function(event) {
		$('body').animate({scrollTop: 0}, 500);
	});
	$(".xiao li:eq(0)").click(function(event){
		$('body').animate({scrollTop:0}, 500)
	});
	$(".xiao li:eq(1)").click(function(event){
		$('body').animate({scrollTop:230}, 500)
	});
	$(".xiao li:eq(2)").click(function(event){
		$('body').animate({scrollTop:550}, 500)
	});
	$(".xiao li:eq(3)").click(function(event){
		$('body').animate({scrollTop:919}, 500)
	});
	$(".xiao li:eq(4)").click(function(event){
		$('body').animate({scrollTop:1320}, 500)

	});
	$(".xiao li:eq(5)").click(function(event){
		$('body').animate({scrollTop:1596}, 500)
	});
	$(".xiao li:eq(6)").click(function(event){
		$('body').animate({scrollTop:1900}, 500)
	});
	$(window).scroll(function(event) {
		var scolltops = $(document).scrollTop();
		var scolltop = $(document).scrollTop();
		var scolltopss = $(document).scrollTop();
		if(scolltop>0 && scolltop<356){
			$(".jianhao").css('display','block');
		}
		else if(scolltop>356){
			$(".xiao").css({
			'position': 'fixed',
			'top': '55px'
			});
			$(".jianhao").css({
			'position': 'fixed',
			'top': '350px'
			});

		}else{
		$(".xiao").css({
			'position': 'absolute',
			'top': '364px'
		});
		$(".jianhao").css({
			'position': 'absolute',
			'top': '620px'
		});


		}
	function gunlun(index){
		$(".xiao li:eq("+index+")").css('background-color', '#eb7350');
		$(".xiao li:eq("+index+")").siblings().css('background-color', '#f7f7f7');
	}
		if(scolltops>200 && scolltops<304){
			gunlun(1);
		}else if(scolltops>304 && scolltops<919){
			gunlun(2);
		}
		else if(scolltops>919 && scolltops<1230){
			gunlun(3);
		}else if(scolltops>1230 && scolltops<1596){
			gunlun(4);
		}else if(scolltops>1596 && scolltops<1768){
			gunlun(5);
		}else if(scolltops>1768){
			gunlun(6);
		}else{
			$(".xiao li:eq(0)").css('background-color', '#eb7350');
		}

		
	});
	function smallPic(src,height){
		$(src).mouseover(function(){
			var shiname = $(this).find('h4').eq(0).html();
			var clickcount = $(this).find('h4').eq(1).html();
		$(this).append($('.ceng'));
		$('.ceng').css({'top':'-142px','left':'0px','width':'192px','height':height,'display':'block'});
		$('.ceng').html("<br>"+"<br>"+"<br>"+shiname+"<br>"+clickcount);

		});
		$(src).mouseout(function(){
		$('.ceng').css('display','none');
		});	
	}
		function middlePic(src,height){
		$(src).mouseover(function(){
			var shiname = $(this).find('h4').eq(0).html();
			var clickcount = $(this).find('h4').eq(1).html();
		$(this).append($('.ceng'));
		$('.ceng').css({'top':'-162px','left':'0px','width':'198px','height':height,'display':'block'});
		$('.ceng').html("<br>"+"<br>"+"<br>"+shiname+"<br>"+clickcount);
		});
		$(src).mouseout(function(){
		$('.ceng').css('display','none');
		});	
	}
	function bigPic(src){
		$(src).mouseover(function(){
			var shiname = $(this).find('h4').eq(0).html();
			var clickcount = $(this).find('h4').eq(1).html();
		$(this).append($('.ceng1'));
		$('.ceng1').css({'width':'190px','top':'-242px','left':'0px','height':'238px','display':'block'});
		$('.ceng1').html("<br>"+"<br>"+"<br>"+shiname+"<br>"+clickcount);

		});
		$(src).mouseout(function(){
		$('.ceng1').css('display','none');
		});	
	}

	smallPic(".img1","108px");

	// middlePic(".content_02 li","122px");
	middlePic(".content_01 li","122px");
	middlePic(".content_03 li","122px");
	middlePic(".content_04 li","122px");
	middlePic(".content_06 li","122px");

	bigPic(".content_02 li");
	bigPic(".content_05 li");

/*	$(".topnav li:eq(1)").click(function(){
		var p1=$(".content h2").eq(0).clone(true);
		var p2=$(".content .content_02").clone(true);
		var p3=$(".content").clone(true);

		$(".content").empty();
		$(".content").append("<h2 style='height:60px'>"+p1.html()+"</h2>");
		$(".content").append("<div id='' class='content_02'>"+p2.html()+"</div>");

		$(".topnav li:eq(0)").click(function(){
		$(".ceng1").after("<div id='' class='content'>"+p3.html()+"</div>");
		$(".content").last().remove();
		});


	});*/
	// var p3=$(".content").clone(true);
	// $(".topnav li").click(function(){

	// 	var count=$(".topnav li").index($(this))-1;
	// 	var p1=p3.children('h2').eq(count).clone(true);
	// 	//点击第一个li
	// 	if(count==-1){
	// 	$(".ceng1").after("<div id='' class='content'>"+p3.html()+"</div>");
	// 	$(".content").last().remove();
	// 	}
	// 	else{
	// 	var p2=p3.children(".content_0"+(count+2)).clone(true);
	// 	$(".content").empty();
	// 	$(".content").append("<h2 style='height:60px'>"+p1.html()+"</h2>");
	// 	$(".content").append("<div id='' class='content_02'>"+p2.html()+"</div>");
	// 	}
		
	// 	});

	var p3=$(".content").clone(true);
	$(".topnav li").click(function(){

	var count=$(".topnav li").index($(this))-1;
		var p1=p3.children('h2').eq(count).clone(true);
		var p2=p3.children(".content_0"+(count+1)).clone(true);
		//点击第一个li
		if(count==-1){
		$(".ceng1").after("<div id='' class='content'>"+p3.html()+"</div>");
		$(".content").last().remove();
		}
	else{
	 	$(".content").empty();
	 	$(".content").append("<h2 style='height:60px'>"+p1.html()+"</h2>");
	 	$(".content").append("<div id='' class='content_01'>"+p2.html()+"</div>");
	 	}
		
	 	});
	$('.ceng').click(function(){
		if($(this).parent().find('video').attr('paused')==true){
			$(this).parent().find('video').attr('id','vid');
			document.getElementById('vid').play();
			$(this).parent().find('video').removeAttr('id');
		}else{
			$(this).parent().find('video').attr('id','vid');
			document.getElementById('vid').pause();
			$(this).parent().find('video').removeAttr('id');
		}
	});
	$('.ceng1').click(function(){
		if($(this).parent().find('video').attr('paused')==true){
			$(this).parent().find('video').attr('id','vid');
			document.getElementById('vid').play();
			$(this).parent().find('video').removeAttr('id');
		}else{
			$(this).parent().find('video').attr('id','vid');
			document.getElementById('vid').pause();
			$(this).parent().find('video').removeAttr('id');
		}
	});
});
